<!DOCTYPE html> 
<html lang="nl"> 
<head> 
 
	<title>Engine 1.1</title> 
	
	<meta charset="utf-8" /> 
	<meta http-equiv="X-UA-Compatible" content="chrome=8"> 
	<link rel="icon" href="/theme/<?=engine_get('theme')?>/icon.png" /> 
	<link rel="stylesheet"	href="static.php?file=style.css" type="text/css" media="screen,print" />
	<link rel="stylesheet"	href="static.php?file=form.css" type="text/css" media="screen,print" />
	<link rel="stylesheet"	href="static.php?file=elements.css" type="text/css" media="screen,print" />
	
	<script src="static.php?file=engine.js"></script>
	<script src="static.php?file=elements.js"></script>

</head> 
<body> 
 
 	<? if( $Engine->user() ) : ?>
 
	<header>
	
		<nav>
			<ul>
				<li id='trigger.pages'>Pagina's</li>
				<li id='trigger.objects'>Objecten</li>
				<li id='trigger.groups'>Groepen</li>
			</ul>
			
			<img id='trigger.translate' src="static.php?file=icon.translate.png" />
			<img id='trigger.twitter' src="static.php?file=icon.twitter.png" />
			<img id='trigger.mailchimp' src="static.php?file=icon.mailchimp.png" />
			<div id='trigger.calendar' class='calendar'>
				<?=date('M')?>
				<div><?=date('d')?></div>
			</div>

		</nav> 

	</header>
	
	<section  class='dashboard grid3'><!-- blackwhite -->
		<div>
		
		<div columnid='0'></div>
		
		<div columnid='1'>
			
			Engine says hi.
			
		</div>
		
		<div columnid='2'></div>
		
		</div>
	</section>
	<div class='tag'></div>
	
	<aside></aside>
	
	<footer>
		
		<span id='trigger.dashboard'>Engine <strong><?= ACCOUNT ?></strong></span>
		<nav><span id='trigger.settings'>settings</span>
		<span id='trigger.logout'>log out</span></nav>
	
	</footer>
	
	<script type='text/javascript'>
		
		// Activate trigger elements	
		Engine.filter( "[id*=trigger]" ).forEach(
					function( el ){ Engine.trigger( el, 'click' ) }
		);
	
		// Load Dashboard
		Engine.triggerlist.dashboard();
		
	</script>

	
	<? else : ?>
	
	<section class='login'>
		<form id='form.login' onsubmit="return false">
			<legend>gebruiker</legend><input class='line' type='text'></div>
			<legend>beveiliging</legend><input class='line' type='password'></div>
			<legend></legend><input type='submit' value='Log in' class='black' />
		</form>
	</section>
	<div class='tag login'></div>
	
	<script type='text/javascript'>
		
		Engine.trigger( ".login > form", 'submit' );
		
	</script>
	
	<aside></aside>
	
	<footer class='login'>
		
		<span><?= ACCOUNT ?></span>
	
	</footer>
	
	<? endif; 
	
	/* BLACK&WHITE  ?>
	<section>
		<div>
		
		<div class='left'>
			Some menu
		</div>
		
		<div class='right'>
			Some content
		
		</div>
		
		</div>
	</section>
	*/ ?>

</body> 
</html> 
